/* pages/article/detail/detail.wxss */
.body{margin: 0 30rpx;}
.title{font-size:40rpx;font-family:PingFang SC;font-weight:500;color:rgba(53,53,53,1);line-height:68rpx;}
.logo-box{border-top: 1rpx solid #CCCCCC;border-bottom: 1rpx solid #CCCCCC;padding: 30rpx 0;
  display: flex;flex-direction: row;align-items: center;justify-content: space-between;
  margin-top: 15rpx;}
.time{font-size:24rpx;font-family:PingFang SC;font-weight:400;color:rgba(153,153,153,1);
  margin-top:20rpx; }

.logocont1{display: flex;flex-direction: row;align-items: center;}
.logocont1 image{width:82rpx;height:82rpx;border-radius:6rpx;border: 3rpx solid #ff6600;}
.concern{background:rgba(255,102,0,1);border-radius:6rpx;font-size:26rpx;font-family:PingFang SC;    
 font-weight:400;color:rgba(255,255,255,1);padding: 10rpx 20rpx;}

.intro-box{background:rgba(238,238,238,1);padding: 20rpx;margin-top: 20rpx;}
.intro-text{font-size:28rpx;font-family:PingFang SC;font-weight:400;color:#FFFFFF;
  background:rgba(153,153,153,1);padding: 6rpx 30rpx;text-align: center;}

.intro-box .text{font-size:28rpx;font-family:PingFang SC;font-weight:400;color:rgba(153,153,153,1);
 line-height:50rpx;}

.sy-box{margin-top: 50rpx;}
.title-box{display: flex;align-items: center;justify-content: space-between;}
.title{display: flex;flex-direction: row; align-items: center;}
.title text{font-size:38rpx;font-family:PingFang SC;font-weight:500;color:rgba(53,53,53,1);
  line-height: 45rpx;}
.sline{border-left: 10rpx solid #FF7F2A;height: 45rpx;margin-right: 15rpx; }
.content{border-bottom: 1rpx solid #CCCCCC;padding:20rpx 0;display: flex;align-items: center;
  margin-top: 10rpx;}
.content .title{display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;flex: 1;}
.content text{font-size:34rpx;font-family:PingFang SC;font-weight:400;color:rgba(0,0,0,1);}
.content image{width:188rpx;height:120rpx;border-radius:4rpx;margin-left: 20rpx;}

.content-box{margin-top:45rpx;}
.content-box p{height: 100rpx;}

.links{padding: 0 20rpx; word-break: break-all;line-height:40rpx;margin-top: 30rpx;}
.links .links-title{ color: #000; font-weight: bold; }
.links .links-text{ color: #f60; margin: 30rpx 0; }

.timebox{display: flex;flex-direction: row;align-items: center;
  justify-content: space-between; margin-top:20rpx;margin-bottom: 20rpx;}
.timebox text{font-size:24rpx;font-family:PingFang SC;font-weight:400;color:rgba(153,153,153,1);}

.richtext{line-height: 70rpx;}
/* rich-text p{line-height: 100rpx;} */
/* 推荐服务 */
.fuwu{background:rgba(255,255,255,1);box-shadow:0rpx 6rpx 12rpx rgba(0,0,0,0.08);
  opacity:1;border-radius:12rpx;display: flex;align-items: center;justify-content: space-between;
  padding: 20rpx 50rpx 20rpx 30rpx;margin-bottom: 15rpx;}
.fw-content{display: flex;align-items: center;margin-right: 20rpx;}
.fw-content image{width: 100rpx;height: 100rpx;margin-right: 20rpx;}
.fw-text{display: flex;flex-direction: column;}
.fw-text view{font-size:30rpx;font-family:PingFang SC;font-weight:500;
color:rgba(20,20,20,1);opacity:1;margin-bottom: 10rpx;}
.fw-text text{font-size:24rpx;font-family:PingFang SC;font-weight:500;line-height:34rpx;
color:rgba(149,149,149,1);opacity:1;}
.see{background:rgba(255,102,0,1);opacity:1;border-radius:6rpx;
font-size:18rpx;font-family:PingFang SC;font-weight:500;text-align: center;
color:rgba(255,255,255,1);padding: 10rpx 20rpx;white-space:nowrap;  }

/* 回到首页 */
.back_index{position: fixed;bottom: 332rpx;right: 30rpx;}
.back_index image{width: 122rpx;height: 122rpx;}

/* 收藏和分享 */
.fixed{display: flex;flex-direction: row;align-items: center;position: fixed;
  bottom: 15rpx;left: 100rpx;}
.bottom-box{background:rgba(255,102,0,1);box-shadow:0px 3px 6px rgba(84,141,255,0.4);
opacity:0.87;border-radius:22px;display: flex;align-items: center;padding: 28rpx 0rpx;
width: 234rpx;justify-content: center;margin-left: 30rpx;}
.bottom-box text{font-size:32rpx;font-family:PingFang SC;font-weight:500;
color:rgba(255,255,255,1);opacity:1;}
.bottom-box image{width: 32rpx;height: 30rpx;margin-left: 10rpx;}
button{line-height: 0;}

/* 快捷导航 */
 .fastNav-box{position: fixed;bottom: 332rpx;right: 30rpx;background-color: #FFFFFF;
  width:100rpx;height:480rpx;background:rgba(255,255,255,1);
  box-shadow:0rpx 6rpx 12rpx rgba(0,0,0,0.16);
  opacity:1;border-radius:44rpx;}
  .fastNav-box button{background-color: transparent;line-height: 2}
.fastNav-box .flex-col{display: flex;flex-direction: column;align-items: center;
margin-top: 25rpx;}
.fastNav-box .flex-col text{font-size:20rpx;font-family:PingFang SC;
font-weight:400;color:rgba(65,65,65,1);opacity:1;margin-top: 6rpx;}
.nav-box{position: fixed;bottom: 329rpx;right: 30rpx;background:rgba(255,159,44,1);
  border-radius: 50%;width:101rpx;height:101rpx;box-shadow:0rpx 0rpx 12rpx rgba(45,45,45,0.2);
 text-align: center;display: flex;flex-direction: column;align-items: center;
 justify-content: center;}
.nav-box text{font-size:25rpx;font-family:PingFang SC;font-weight:400;
color:#FFFFFF;opacity:1;}
/* .fastNav-box button{padding: 0;border: 0;background-color: transparent;line-height: normal;}
button::after{border: 0;} */
.tkbox{width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 10;display: flex;align-items: center;justify-content: center;}
.cont-box{width:558rpx;height:556rpx;background:rgba(255,255,255,1);opacity:1;
border-radius:4rpx;position: relative;}
.icon{width: 29rpx;height: 29rpx;position: absolute;right: 25rpx;top: 25rpx;}
.cont{display: flex;flex-direction: column;align-items: center;justify-content: center;
margin: 80rpx 50rpx 0 50rpx;}
.cont text{font-size:28rpx;font-family:PingFang SC;font-weight:600;
color:rgba(20,20,20,1);opacity:1;line-height: 45rpx;}
.cont image{width: 450rpx;height: 208rpx;margin-top: 30rpx;}
.cont button{width: 100%;height:64rpx;background:rgba(255,102,0,1);
opacity:1;border-radius:4rpx;font-size:26rpx;font-family:PingFang SC;font-weight:500;
color:rgba(255,255,255,1);text-align: center;line-height: 64rpx;margin-top: 40rpx;}
button::after{border: 0;}
.p_class{margin:20rpx 0;line-height: 70rpx;}
.td_class{border: 1rpx solid #000;width: 300rpx;border-collapse: collapse;}

/* 复制文章链接 */
.link-box{width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);
  position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 10;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.link-content{width: 80%;height: 50%;background-color: #FFFFFF;border-radius: 20rpx;
padding: 15rpx 30rpx;position: relative;}
.link-content .cure{margin-top: 40rpx;font-weight: bold}
.linkstyle{border-bottom: 1rpx solid #CCCCCC;padding-bottom: 20rpx;margin-top: 30rpx;
display: flex;flex-direction: column; }

.linkstyle text{word-break:break-all;width: 600rpx;}

/* 提示收藏 */
.scue-box{background: rgba(46, 45, 45, 0.9);position: fixed;top: 60%;left: 4%;right: 0;bottom: 0;z-index: 2;width: 90%;height: 60rpx;color: #FFFFFF;text-align: center;line-height: 60rpx;
border-radius: 10rpx;}

/* 收藏小程序的提示 */
.cue-box{position: fixed;top: 0rpx;right:88rpx;}
.cue-box image{width: 554rpx;height: 83rpx;}
